<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="keywords" content="穿山甲机器人股份有限公司,机器人后台管理系统,机器人后台数据统计" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>机器人-后台</title>
    <link href="css/main.css" rel="stylesheet" />
    <link href="css/mapView.css" rel="stylesheet" />
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
    <link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-2.1.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=百度密钥&v=1.0"></script>
</head>

<body>
<div id="header">
    <div id="info">
        <h3><a href="#"><img src="img/csjlog.png" style="height: 40%;width: auto"></a>&nbsp;&nbsp;<span>穿山甲机器人后台数据管理系统</span></h3>
    </div>
</div>
<div id="content">
    <div id="con_left">
        <!--左侧菜单栏-->
        <ul id="left_nav">
            <li id="user_info">
                <div id="info_plane">
                    <a href="#"><img src="img/t11.jpg"></a>
                    <div id="users">
                       <span id="user_name">
                           <a href="#">微微一笑很倾城</a>
                       </span>
                        <span id="user_type">
                           <a href="#">超级管理员</a><b class="caret"></b>
                       </span>
                    </div>
                </div>
            </li>
            <li id="index_bt" class="nav_li">
                <i class="glyphicon glyphicon-home"></i><a href="index.html">主页</a>
            </li>
            <li id="market_bt" class="index_li nav_li">
                <i class="glyphicon glyphicon-picture"></i><a href="mapView3.html">销售情况</a>
            </li>
            <li id="bg_data" class="nav_li">
                <i class="glyphicon glyphicon-th-list"></i><a href="real-time-data.html">后台数据</a>
            </li>
            <li id="robot_bt" class="nav_li">
                <i class="glyphicon glyphicon-list-alt"></i><a href="state.html">机器人状态</a>
            </li>
            <!--<li id="one_iAnfo">
                <i class="glyphicon glyphicon-th"></i><a href="#">详细信息</a>
            </li>
            <li id="robot_log">
                <i class="glyphicon glyphicon-list"></i><a href="#">日志</a>
            </li>-->
        </ul>
    </div>
    <div id="con_center">
        <!--地图-->
        <div id="map_view">
            <div id="map_top">
                <h3>销售情况汇总</h3>
                <p><span>销售情况</span>&nbsp;/&nbsp;<strong>数据地图展示</strong></p>
            </div>
            <div id="map_center">
                <div class="ibox-content">
                    <script src="js/build/dist/echarts.js"></script>
                    <div style="width: 1200px;min-height: 650px;" id="main"></div>
                    <script src="js/echarts-demo.js"></script>
                </div>
                <div id="right_menu">
                    <ul>
                        <li>
                            <a href="#"><i class="glyphicon glyphicon-save"></i></a>
                        </li>
                        <li>
                            <a href="mapView2.html"><i class="glyphicon glyphicon-stats"></i></a>
                        </li>
                        <li>
                            <a href="mapView3.html"><i class="glyphicon glyphicon-flag"></i></a>
                        </li>
                        <li class="rm_li">
                            <a href="mapView.html"><i class="glyphicon glyphicon-map-marker"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


</div>
<!--遮罩层-->
<div id="fade">
    <div class="loader">
        <div class="loader-inner line-scale-pulse-out">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<script>
    $(function () {
        setTimeout(function () {
            $("#fade").fadeOut(500);
        },1000);
    })
</script>
</body>

</html>